
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>jQuery ui日期插件设置固定日期选择代码</title>

<link href="/static/css/demo.css" rel="stylesheet" media="all" />

<script type="text/javascript" src="/static/js/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
	function fixHeight() {
		var headerHeight = $("#switcher").height();
		$("#iframe").attr("height", $(window).height()-54+ "px");
	}
	$(window).resize(function () {
		fixHeight();
	}).resize();

	$('.icon-monitor').addClass('active');

	$(".icon-mobile-3").click(function () {
		$("#by").css("overflow-y", "auto");
		$('#iframe-wrap').removeClass().addClass('mobile-width-3');
		$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".icon-mobile-2").click(function () {
		$("#by").css("overflow-y", "auto");
		$('#iframe-wrap').removeClass().addClass('mobile-width-2');
		$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".icon-mobile-1").click(function () {
		$("#by").css("overflow-y", "auto");
		$('#iframe-wrap').removeClass().addClass('mobile-width');
		$('.icon-tablet,.icon-mobile,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".icon-tablet").click(function () {
		$("#by").css("overflow-y", "auto");
		$('#iframe-wrap').removeClass().addClass('tablet-width');
		$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".icon-monitor").click(function () {
		$("#by").css("overflow-y", "hidden");
		$('#iframe-wrap').removeClass().addClass('full-width');
		$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
		$(this).addClass('active');
		return false;
	});
});
</script>

<script type="text/javascript">
function Responsive($a) {
	if ($a == true) $("#Device").css("opacity", "100");
	if ($a == false) $("#Device").css("opacity", "0");
	$('#iframe-wrap').removeClass().addClass('full-width');
	$('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
	$(this).addClass('active');
	return false;
};
</script>

</head>
<body id="by">


<div style="width:970px; margin:10px auto;">
    演示一：<input onClick="laydate()">
    演示二：<input id="demo" >
</div>
<script type="text/javascript" src="laydate.js">
	
</script>
<script>
;!function(){
laydate({
   elem: '#demo'
})
}();
</script>


<div id="iframe-wrap">
	<iframe id="iframe" src="http://www.17sucai.com/preview/230387/2016-10-14/rr/index.html" frameborder="0"  width="100%"></iframe>
</div>

<div id="iframe-wrap">
	<iframe id="iframe" src="http://www.17sucai.com/preview/13678/2015-06-25/date-new/demo.html" frameborder="0"  width="100%"></iframe>
</div>

<div class="ui-datepicker-date">
        <input name="startDate" id="startDate" class="startDate hasDatepicker" readonly="" value="2017/10/18" type="text">
       -
        <input name="endDate" id="endDate" class="endDate hasDatepicker" readonly="" value="2017/10/19" type="text" disabled="" onchange="datePickers()">
    
    </div>
</body>
</html>
